<!DOCTYPE html>
<html>
<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>艺术上海 - ARTPLUS SHANGHAI</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="艺术博览会,艺术展,艺术平台,艺术家,大型国企艺术品电商平台,艺术上海国际博览会,ART PLUS SHANGHAI" />
    <meta name="description" content="大型国企艺术品电商平台,艺术上海国际博览会" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/works/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/js/swiper/swiper.min.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>

</head>
<body>
<!-- header -->
<@netCommon.commonHeader "艺术品商店" menu i18n/>

<div class="content_H" style="margin-top: 110px;">
    <div style="display:flex;padding:0 40px;" class="container">

        <section class="filter-box" style="width:15%;">
            <div class="filter-box-right borderNone" style="width:100%;padding-top:9px;">
                <div class="sort" style="width:80%;">
                    <div class="filter-title">
                        <img src="https://artshanghai.oss-cn-shanghai.aliyuncs.com/assets/imgs/category.png" alt="">  商品分类
                    </div>
                    <ul class="sort-list border-all category-padding">
                    <#list tree.data as items>
                      <li class="">
                           <div class="sort-name"> <img src="https://artshanghai.oss-cn-shanghai.aliyuncs.com/assets/imgs/category.png" alt=""> ${items.name}</div>
                          <#list items.children as item>
                                 <#if item.children?? && (item.children?size>0)>
                                            <div class="category-first">
                                                <#list items.children as item1>
                                                       <div class="category-item">
                                                            <div class="category-item-name">
                                                              <a v="商品分类" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['subCategoryId','${item1.name}']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['subCategoryId','${item1.id}'],['subCategoryName','${item1.name}']]  removeQueryItem=['subCategoryId','page']/>" >${item1.name} ></a>
                                                            </div>
                                                              <div class="category-item-content">
                                                                    <ul class="category-last">
                                                                               <#list item1.children as item2>
                                                                                    <li class="category-last-item">
                                                                                           <a v="商品分类" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['subCategoryId','${item2.name}']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['subCategoryId','${item2.id}'],['subCategoryName','${item2.name}']]  removeQueryItem=['subCategoryId','page']/>" >${item2.name}</a>

                                                                                   </li>
                                                                               </#list>
                                                                     </ul>
                                                              </div>
                                                       </div>
                                                </#list>
                                            </div>
                                       <#else>
                                       <div class="category-first">
                                           <div class="category-item">
                                               <div class="category-item-content">
                                                   <ul class="category-last">
                                                   <#list items.children as item>
                                                     <li class="category-last-item">
                                                          <a v="商品分类" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['subCategoryId','${item.name}']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['subCategoryId','${item.id}'],['subCategoryName','${item.name}']]  removeQueryItem=['subCategoryId','page']/>" >${item.name}</a>
                                                     </li>
                                                   </#list>
                                                   </ul>
                                               </div>
                                           </div>
                                       </div>
                                  </#if>
                          </#list>
                          </li>
                    </#list>
                    </ul>
                </div>

            </div>
            <div class="filter-box-left">

            </div>
        </section>
        <#if i18n=='zh-CN'>
            <section class="filter-box" style="width:80%;">
                <div class="filter-box-right">
                 <div class="sort">
                        <h3>风格</h3>
                        <ul class="sort-list">
                            <a v="古典" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','古典']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','古典']]  removeQueryItem=['bizValue11','page']/>" >古典</a>
                            <a v="抽象" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','抽象']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','抽象']]  removeQueryItem=['bizValue11','page']/>">抽象</a>
                            <a v="概念" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','概念']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','概念']]  removeQueryItem=['bizValue11','page']/>">概念</a>
                            <a v="写实" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','写实']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','写实']]  removeQueryItem=['bizValue11','page']/>">写实</a>
                            <a v="未来" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','未来']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','未来']]  removeQueryItem=['bizValue11','page']/>">未来</a>
                            <a v="印像" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','印像']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','印像']]  removeQueryItem=['bizValue11','page']/>">印像</a>
                            <a v="潮流" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','潮流']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','潮流']]  removeQueryItem=['bizValue11','page']/>">潮流</a>
                        </ul>
                    </div>
                    <div class="sort">
                        <h3>材质</h3>
                        <ul class="sort-list">
                            <a v="油画" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','布面油画']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','布面油画']]  removeQueryItem=['bizValue12','page']/>" >布面油画</a>
                            <a v="版画" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','布面丙烯']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','布面丙烯']]  removeQueryItem=['bizValue12','page']/>">布面丙烯</a>
                            <a v="水墨" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','纸本水墨']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','纸本水墨']]  removeQueryItem=['bizValue12','page']/>">纸本水墨</a>
                            <a v="布面丙烯" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','丝网版']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','丝网版']]  removeQueryItem=['category','page']/>">丝网版</a>
                            <a v="雕塑" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','雕塑']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','雕塑']]  removeQueryItem=['category','page']/>">雕塑</a>
                            <a v="摄影" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','版画']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','版画']]  removeQueryItem=['category','page']/>">版画</a>
                             <a v="NFT" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','NFT']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','NFT']]  removeQueryItem=['category','page']/>">NFT</a>
                        </ul>
                    </div>

                    <div class="sort">
                        <h3>形状</h3>
                        <ul class="sort-list">
                            <a v="方" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','方']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','方']]  removeQueryItem=['bizValue8','page']/>" >方</a>
                            <a v="横" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','横']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','横']]  removeQueryItem=['bizValue8','page']/>">横</a>
                            <a v="竖" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','竖']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','竖']]  removeQueryItem=['bizValue8','page']/>">竖</a>
                            <a v="圆" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','圆']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','圆']]  removeQueryItem=['bizValue8','page']/>">圆</a>
                            <a v="异形" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','异型']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','异型']]  removeQueryItem=['bizValue8','page']/>">异型</a>
                        </ul>
                    </div>
                    <div class="sort">
                                            <h3>摆放空间</h3>
                                            <ul class="sort-list">
                                                <a v="办公" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','办公']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','办公']]  removeQueryItem=['bizValue14','page']/>" >办公</a>
                                                <a v="客厅" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','客厅']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','客厅']]  removeQueryItem=['bizValue14','page']/>">客厅</a>
                                                <a v="书房" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','书房']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','书房']]  removeQueryItem=['bizValue14','page']/>">书房</a>
                                                <a v="餐厅" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','餐厅']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','餐厅']]  removeQueryItem=['bizValue14','page']/>">餐厅</a>
                                                <a v="儿童房" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','儿童房']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','儿童房']]  removeQueryItem=['bizValue14','page']/>">儿童房</a>
                                                <a v="走廊/回廊" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','走廊/回廊']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','走廊/回廊']]  removeQueryItem=['bizValue14','page']/>">走廊/回廊</a>
                                            </ul>
                                        </div>
                </div>
                <div class="filter-box-left">
                    <p class="price">
                        <b>价格</b>
                        <i>0</i>
                        <a v="0～2000" data-text="2,000元以下" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','0-2000']] clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','0-2000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥2,000</i>
                        <a v="2000～8000" data-text="2,000～8,000元"  class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','2000-8000']]  clazz='active'/>"   href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','2000-8000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥8,000</i>
                        <a v="8000～15000" data-text="8,000～15,000元" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','8000-15000']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','8000-15000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥15,000</i>
                        <a v="15000～30000" data-text="15,000～30,000" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','15000-30000']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','15000-30000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥30,000</i>
                        <a v="30000～max" data-text="30,000元以上" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','30000-99999999']]   clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','30000-99999999']]  removeQueryItem=['price','page']/>"></a>
                        <i>高</i>
                    </p>
                    <p class="size">
                        <b>尺寸</b>
                        <i>50cm</i>
                        <a v="50～100cm" data-text="50～100cm"  class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','50-100']] clazz='active'/>"   href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','50-100']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>100cm</i>
                        <a v="100～150cm" data-text="100～150cm" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','100-150']]   clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','100-150']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>150cm</i>
                        <a v="150～200cm" data-text="150～200cm" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','150-100']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','150-100']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>200cm</i>
                        <a v="200～max" data-text="200cm以上" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','200-']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','200-']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>高</i>
                    </p>
                    <p class="color">
                        <b>颜色</b>
                        <a class="red" v="红色"  class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','红色']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','红色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="yellow" v="黄色" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','黄色']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','黄色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="green" v="绿色" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','绿色']]   clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','绿色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="blue" v="蓝色" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','蓝色']] clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','蓝色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="bwg" v="黑白灰" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','灰白']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','灰白']]  removeQueryItem=['bizValue7','page']/>"></a>
                    </p>
                </div>
            </section>
        <#else>
            <section class="filter-box">
                <div class="filter-box-right">
                 <div class="sort">
                                                        <h3>风格</h3>
                                                        <ul class="sort-list">
                                                            <a v="古典" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','古典']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','古典']]  removeQueryItem=['bizValue11','page']/>" >The classical</a>
                                                            <a v="抽象" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','抽象']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','抽象']]  removeQueryItem=['bizValue11','page']/>">Abstract</a>
                                                            <a v="概念" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','概念']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','概念']]  removeQueryItem=['bizValue11','page']/>">Concept</a>
                                                            <a v="写实" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','写实']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','写实']]  removeQueryItem=['bizValue11','page']/>">Realistic</a>
                                                            <a v="未来" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','未来']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','未来']]  removeQueryItem=['bizValue11','page']/>">In the future</a>
                                                            <a v="印像" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','印像']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','印像']]  removeQueryItem=['bizValue11','page']/>">Impression</a>
                                                            <a v="潮流" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue11','潮流']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue11','潮流']]  removeQueryItem=['bizValue11','page']/>">Trend</a>
                                                        </ul>
                                                    </div>
                    <div class="sort">
                        <h3>Space</h3>
                        <ul class="sort-list">
                            <a v="办公" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','办公']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','办公']]  removeQueryItem=['bizValue14','page']/>" >Office</a>
                            <a v="客厅" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','客厅']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','客厅']]  removeQueryItem=['bizValue14','page']/>">Dawing room</a>
                            <a v="书房" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','书房']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','书房']]  removeQueryItem=['bizValue14','page']/>">Study</a>
                            <a v="餐厅" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','餐厅']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','餐厅']]  removeQueryItem=['bizValue14','page']/>">Dining room</a>
                            <a v="儿童房" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','儿童房']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','儿童房']]  removeQueryItem=['bizValue14','page']/>"> Kids' room</a>
                            <a v="走廊/回廊" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue14','走廊/回廊']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue14','走廊/回廊']]  removeQueryItem=['bizValue14','page']/>">Entryway</a>
                        </ul>
                    </div>
                    <div class="sort">
                        <h3>Classify</h3>
                        <ul class="sort-list">
                            <a v="油画" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','布面油画']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','布面油画']]  removeQueryItem=['bizValue12','page']/>" >Oil on canvas</a>
                            <a v="版画" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','布面丙烯']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','布面丙烯']]  removeQueryItem=['bizValue12','page']/>">Acrtylic on Canvas</a>
                            <a v="水墨" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','纸本水墨']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','纸本水墨']]  removeQueryItem=['bizValue12','page']/>">Ink on paper</a>
                            <a v="布面丙烯" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','丝网版']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','丝网版']]  removeQueryItem=['category','page']/>">Screen print</a>
                            <a v="雕塑" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','雕塑']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','雕塑']]  removeQueryItem=['category','page']/>">Sculpture</a>
                            <a v="摄影" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','版画']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','版画']]  removeQueryItem=['category','page']/>">Print</a>
                             <a v="NFT" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue12','NFT']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue12','NFT']]  removeQueryItem=['category','page']/>">NFT</a>

                        </ul>
                    </div>

                    <div class="sort">
                        <h3>Shape</h3>
                        <ul class="sort-list">
                            <a v="方" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','方']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','方']]  removeQueryItem=['bizValue8','page']/>" >Square</a>
                            <a v="横" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','横']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','横']]  removeQueryItem=['bizValue8','page']/>">Actross</a>
                            <a v="竖" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','竖']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','竖']]  removeQueryItem=['bizValue8','page']/>">Vertical </a>
                            <a v="圆" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','圆']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','圆']]  removeQueryItem=['bizValue8','page']/>">Citcle</a>
                            <a v="异形" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue8','异型']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue8','异型']]  removeQueryItem=['bizValue8','page']/>">Special shape</a>
                        </ul>
                    </div>
                </div>
                <div class="filter-box-left">
                    <p class="price">
                        <b>Price</b>
                        <i>0</i>
                        <a v="0～2000" data-text="2,000元以下" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','0-2000']] clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','0-2000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥2,000</i>
                        <a v="2000～8000" data-text="2,000～8,000元"  class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','2000-8000']]  clazz='active'/>"   href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','2000-8000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥8,000</i>
                        <a v="8000～15000" data-text="8,000～15,000元" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','8000-15000']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','8000-15000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥15,000</i>
                        <a v="15000～30000" data-text="15,000～30,000" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','15000-30000']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','15000-30000']]  removeQueryItem=['price','page']/>"></a>
                        <i>¥30,000</i>
                        <a v="30000～max" data-text="30,000元以上" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['price','30000-99999999']]   clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['price','30000-99999999']]  removeQueryItem=['price','page']/>"></a>
                        <i>高</i>
                    </p>
                    <p class="size">
                        <b>Size</b>
                        <i>50cm</i>
                        <a v="50～100cm" data-text="50～100cm"  class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','50-100']] clazz='active'/>"   href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','50-100']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>100cm</i>
                        <a v="100～150cm" data-text="100～150cm" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','100-150']]   clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','100-150']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>150cm</i>
                        <a v="150～200cm" data-text="150～200cm" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','150-100']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','150-100']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>200cm</i>
                        <a v="200～max" data-text="200cm以上" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue6','200-']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue6','200-']]  removeQueryItem=['bizValue6','page']/>"></a>-->
                        <i>高</i>
                    </p>
                    <p class="color">
                        <b>Colour</b>
                        <a class="red" v="红色"  class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','红色']]  clazz='active'/>"  href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','红色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="yellow" v="黄色" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','黄色']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','黄色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="green" v="绿色" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','绿色']]   clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','绿色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="blue" v="蓝色" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','蓝色']] clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','蓝色']]  removeQueryItem=['bizValue7','page']/>"></a>
                        <a class="bwg" v="黑白灰" class="<@netCommon.indexQueryCheck queryItem=params queryItem=params addQueryItem=[['bizValue7','灰白']]  clazz='active'/>" href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['bizValue7','灰白']]  removeQueryItem=['bizValue7','page']/>"></a>
                    </p>
                </div>
            </section>
        </#if>

    </div>

    <div class="container" style="width: 1460px">
            <div id="sel">

            </div>
    </div>

    <section>
        <#if (data.data??) && (data.data.records??) >
            <div class="content" style="margin-top: 0px;">
<#--                <a href="/">艺术上海&nbsp;›&nbsp;</a><a href="/buy"><h1>全部作品</h1></a>-->
                <#--            <div class="filter">-->
                <#--                <select>-->
                <#--                    <option value="0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上架时间</option>-->
                <#--                    <option value="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['px_time','desc']]  removeQueryItem=['px_time','page']/>" >&nbsp;&nbsp;上架时间最新</option>-->
                <#--                    <option value="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['px_time','asc']]  removeQueryItem=['px_time','page']/>">&nbsp;&nbsp;上架时间最早</option>-->
                <#--                </select>-->
                <#--                <select>-->
                <#--                    <option value="0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价格</option>-->
                <#--                    <option value="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['px_price','desc']]  removeQueryItem=['px_price','page']/>" >&nbsp;&nbsp;价格从低到高</option>-->
                <#--                    <option value="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['px_price','asc']]  removeQueryItem=['px_price','page']/>" >&nbsp;&nbsp;价格从高到低</option>-->
                <#--                </select>-->

                <#--            </div>-->

                <div class="container clearfix">
                    <div id="fh5co-board" data-columns="3">
                        <#list data.data.records as item>
                            <div class="item">
                                <div class="animate-box">
                                    <a target="blank" href="detail?productNo=${item.productNo}"><img src="${item.image}" class=" fh5co-board-img" alt="">
                                        <div class="fh5co-desc">
                                            <h3>${item.name?if_exists}</h3>
                                            <#list item.artists as itx>
                                                <a href="/artist/detail?artistNo=${itx.artistNo}"> ${itx.name!''}</a>
                                            </#list>
                                            <span>${item.caption?if_exists}
                                           ${item.bizValue18?if_exists}x ${item.bizValue6?if_exists}
                                            <#if item.bizValue5 ?? && item.bizValue5 != ''>
                                                  x ${item.bizValue5}
                                                  <#else>
                                              </#if>cm <br/>
                                                ${item.bizValue12?if_exists}
                                              </span>
                                            <#if  item.price?? && item.price != 0 >
                                            <h5>¥${item.price?if_exists}</h5>
                                            </#if>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </#list>
                    </div>
                </div>

                <p class="paging" >
                    <#if (data.data.pages > 5)>
                        <#if (data.data.current <= 3) >
                             <#list 1..5 as item>
                                     <a href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['page',item ]]  removeQueryItem=['page']/>"> <span class="<#if item == data.data.current>current</#if>"> ${item}</span></a>
                             </#list>
                        <#elseif (data.data.current >= data.data.pages-2)>
                            <#list (data.data.pages-4)..data.data.pages as item>
                                    <a href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['page',item ]]  removeQueryItem=['page']/>"> <span class="<#if item == data.data.current>current</#if>"> ${item}</span></a>
                            </#list>
                         <#else>
                            <a href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['page','1' ]]  removeQueryItem=['page']/>"><span class="">1</span> </a> <b>•••</b>
                             <#list (data.data.current-2)..(data.data.current+2) as item>
                                    <a href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['page',item ]]  removeQueryItem=['page']/>"> <span class="<#if item == data.data.current>current</#if>"> ${item}</span></a>
                            </#list>
                        </#if>
                    <#else>
                         <#list 1..data.data.pages as item>
                                <a href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['page',item ]]  removeQueryItem=['page']/>"> <span class="<#if item == data.data.current>current</#if>"> ${item}</span></a>
                          </#list>
                    </#if>

                  <input id="search-input" type="text" class="form-control"style="width:100px;height:30px;display:inline;"  name="search-input" value="" onkeyup="this.value=this.value.replace(/\D/g,'')" onfocus="this.value='';" >

                    <#if (data.data.current <data.data.pages)>
                        <a href="<@netCommon.indexQueryUrl queryItem=params addQueryItem=[['page',data.data.current+1 ]]  removeQueryItem=['page']/>" class="nextPage">下一页</a>

                    </#if>
                </p>
            </div>
        </#if>
    </section>

</div>


<!-- footer -->
<@netCommon.commonFooter footer friendLink copyright i18n/>

<!-- script -->
<@netCommon.commonScript />

<script type="text/javascript" src="/static/js/salvattore/salvattore.js"></script>


<style>
    #sel{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 10px 0px;
    }
    #sel .item{
        padding: 10px;
       background: #eeeeee;
        margin-right: 10px;
        cursor: pointer;
    }
    #sel .item .fa{
        margin-left: 8px;
    }
</style>


<script>
    var list = [];
    $(function () {

        $(".closeBtn-img").click(function () {
            debugger;
            $(this).parent().remove();
        })
        queryParams();
        //postSiteMap();
    })

    function queryParams(){
        var query = window.location.search.substring(1);
        var vars = query.split("&");
         list = [];
         if(vars.length==1){
             return;
         }
         let show = 1
         vars = JSON.parse(replaceStr(JSON.stringify(vars)))
         console.log(vars,'vars')
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            var name ;

            if(pair[0] == 'bizValue12'){
                name = '分类'
                show = 0
            }
           if(pair[0] == 'price'){
                name = '价格'
                show = 0

            }
            if(pair[0] == 'bizValue14'){
                name = '摆放空间'
                show = 0

            }
            if(pair[0] == 'bizValue8'){
                name = '形状'
                show = 0

            }
         if(pair[0] == 'bizValue11'){
                name = '风格'
                show = 0

            }
          if(pair[0] == 'bizValue6'){
                name = '尺寸'
                show = 0

            }

            if(pair[0] == 'bizValue7'){
                name = '颜色'
                show = 0

            }

            if(pair[0] == 'subCategoryName'){
                name = '商品分类'
                show = 0

            }
            var obj= {
                key: pair[0],
                val: pair[1],
                name: name
            }
            list.push(obj);


        }
        console.log(show,"show")
        if(show==0){
        $("#").hide()

        }

        console.log(JSON.stringify(list));
        buildSelList();
    }

    $('.btn-reset').click(function () {
        window.location.href="/works/index"
    })

    function buildSelList() {


        for(var i=0; i<list.length; i++){
            if(list[i].key !='rows' && list[i].key !='page'){
                if(list[i].key =='subCategoryId'){
                continue;
                }
                var str = "<div class='item' id='item'"+i+" onclick='sel("+i+")' data-key='"+list[i].key+"' data-val='"+list[i].val+"' data-name='"+list[i].name+"'>"+list[i].name+":"+decodeURIComponent(list[i].val)+"<i class='fa fa-close'></i></div>"
                $('#sel').append(str);
            }
        }
        $('#sel').append('<div class="item" onclick="reset()">重置</div>')
    }

    function sel(index) {

        list.splice(index,1);
        console.log("list"+list);


        if(list.every(item=>item.key !== 'subCategoryName')){
           list.filter((item,idx)=>{
                      if(item.key === 'subCategoryId'){
                      list.splice(idx,1);
                      }
                      })
        }
         console.log("list"+list);

        var str = "";
        for(var i=0; i<list.length; i++){
        if(str.indexOf('subCategoryName')!=-1){
        continue;
        }
            if(i==0){
                str = str +list[i].key + '='+ list[i].val
            }else{
                str = str +"&"+ list[i].key + '='+ list[i].val
            }
        }
        console.log(str,"156");
        window.location.href =  window.location.protocol+"//"+window.location.host+'/works/index?'+ str
    }

    function reset() {
        window.location.href =  window.location.protocol+"//"+window.location.host+'/works/index'
    }

    $("div.sort-name").mouseenter(function(){
        console.log($(this),"index")
        $("div.sort-name").removeClass("active");
        $("div.sort-name").next().hide()
        $(this).addClass("active");
        $(this).next().show()
    })
    $(".sort-list").mouseleave(function(){
        $("div.sort-name").removeClass("active");
        $("div.sort-name").next().hide()
    })
    $(".category-last-item a").mouseenter(function(){
        $(".category-last-item a").removeClass("active");
        $(this).addClass("active");
    })
    $(".category-last").mouseleave(function(){
        $(".category-last-item a").removeClass("active");
    })


function search(){

    $("#search-input").keydown(function(event){

        if (event.keyCode == 13) {
                window.location.href = '/works/index?page='+$("#search-input").val()
        }
    });




}
</script>



</body>
</html>
